<template>
    <div>
      <div class="hg_filter" >
        <div class="container">
          <a href="#" class="hg_filter_link">综合排序
            <span class="mintui mintuixialasanjiao"></span>
          </a>
          <a href="#" class="hg_filter_link">距离最近</a>
          <a href="#" class="hg_filter_link">
            会员领红包</a>
          <a href="#" class="hg_filter_link">筛选
            <span class="mintui mintuishaixuan1"></span>
          </a>
        </div>
      </div>
      <div v-for="food in foods" :key="foods.id" class="all">
        <router-link :to="{name:'foodDetail',query:{id:fd.id}}" class="hgList" v-for="(fd,index) in food.contain" :key="index">
          <div class="container">
            <div class="left-box"><img src="http://photocdn.sohu.com/20150822/mp28761861_1440231347433_5.jpeg" alt=""></div>
            <div class="right-box">
              <div class="right-box-first">
                <h4>{{fd.title}}</h4>
                <span class="more">...</span>
                <div style="clear: both;"></div>
              </div>
              <div class="right-box-second">
                ★★★★★ {{fd.level}} {{fd.sell}}
              </div>
              <div class="right-box-third">
                10元起送 | 配送费3元
                <span class="fast">{{fd.space}} | {{fd.time}}</span>
                <div style="clear: both;"></div>
              </div>
              <div class="right-box-fourth">
                <span class="border">黄焖鸡米饭</span>
              </div>
              <div class="right-box-fifth">
                <span class="bg">减</span>
                满20减10
                <span class="right">4个活动</span>
                <div style="clear: both;"></div>
              </div>
              <div class="right-box-sixth">
                <span class="bg">折</span>
                折扣商品6.8折起
              </div>
            </div>
            <div style="clear: both;"></div>
          </div>
        </router-link>
      </div>
    </div>
</template>

<script>
  export default {
    data (){
      return{
        foods: [
          {
            id: 1, title: '面食粥点', contain: [
              {
                id: 1,
                title: '米多面多',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 2,
                title: '宏伟家常饺子馆',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 3,
                title: '西大望水饺店',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 2, title: '简餐便当', contain: [
              {
                id: 101,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 102,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 103,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 104,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 105,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 106,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 107,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 108,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 109,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 110,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 111,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 112,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 3, title: '汉堡披萨', contain: [
              {
                id: 201,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 202,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 203,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 204,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 205,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 206,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 207,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 208,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 209,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 210,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 211,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 212,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 4, title: '香锅冒菜', contain: [
              {
                id: 301,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 302,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 303,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 304,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 305,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 306,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 307,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 308,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 309,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 310,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 311,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 312,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 5, title: '小吃炸串', contain: [
              {
                id: 401,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 402,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 403,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 404,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 405,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 406,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 407,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 408,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 409,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 410,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 411,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 412,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 6, title: '地方菜系', contain: [
              {
                id: 501,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 502,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 503,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 504,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 505,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 506,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 507,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 508,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 509,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 510,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 511,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 512,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 7, title: '日韩料理', contain: [
              {
                id: 601,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 602,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 603,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 604,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 605,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 606,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 607,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 608,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 609,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 610,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 611,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 612,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          },
          {
            id: 8, title: '轻食简餐', contain: [
              {
                id: 701,
                title: '岐山手工擀面皮',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 702,
                title: '黄焖鸡藤椒鸡米饭',
                space: '4.95km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 703,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 704,
                title: '没位子快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 705,
                title: '中式美味快餐',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
              {
                id: 706,
                title: '鱼骨稻',
                space: '2.83km',
                level: 4.2,
                sell: '月销50单',
                time: '39分钟',
                url: 'http://pic161.nipic.com/file/20180418/25474147_092925469000_2.jpg'
              },
            ]
          }
        ]
      }
    }
  }
</script>

<style lang="less" scoped>
  *,*::before,*::after{
    padding: 0;
    margin: 0;
  }
  .bg {
    background-color: rgb(240, 115, 115);
    border: 1px solid #ccc;
    color: #fff;
  }
  .hgList {
    .container{
      width: 100%;
      height: 100%;
      padding-top: 1rem;
      .left-box {
        float: left;
        width: 25%;
        padding: 0 0.5rem;
        height: 100%;
        clear: both;

        img {
          display: inline-block;
          width: 4rem;
          height: 4rem;
        }
      }
      .right-box {
        display: inline-block;
        font-size: 0.6rem;
        color: #666;
        width: 72%;
        height: 100%;

        .right-box-first {
          width: 100%;

          h4 {
            display: inline-block;
            font-weight: bold;
            color: #000;
            padding: 0;
            margin: 0;
          }

          .more {
            float: right;
          }
        }

        .right-box-second {
          width: 100%;
          padding-top: 0.2rem;
        }

        .right-box-third {
          width: 100%;
          padding-top: 0.2rem;

          .fast {
            float: right;
          }
        }

        .right-box-fourth {
          padding-top: 0.2rem;
          .border {
            border: 1px solid #ccc;
          }
        }

        .right-box-fifth {
          padding-top: 1rem;
          width: 100%;

          .right {
            float: right;
          }
        }

        .right-box-sixth {
          padding-top: 0.2rem;
          width: 100%;
        }
      }
    }

  }
  .hgList:last-child .right-box-sixth {
    padding-bottom: 3rem;
  }
  .all .hgList:last-child .right-box-sixth {
    padding-bottom: 0rem;
  }
  .hg_filter{
    width: 100%;
    padding-top: 0.5rem;
    .container{
      width: 100%;
      .hg_filter_link{
        display: inline-block;
        width: 24%;
        text-align: center;
        font-size: 0.75rem;
        color: #666;
      }
      .hg_filter_link:hover{
        font-weight: bold;
        text-decoration: none;
        color: #000;
      }
    }
  }
</style>
